<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
   <div id="app">
       <!--使用属性绑定，获取vue实例中data的值-->
       <mytemps v-bind:cc="msg"></mytemps>
   </div>
</body>
<script>
    var app = new Vue({
        el:"#app",
        data:{
             msg:"你好！"
        },
        //定义一个子组件
        components:{
            mytemps:{
                //首先在子组件中获取cc属性的值
                props:["cc"],
                //然后直接使用{{cc}}获取父级组件中data的值
                template:"<h2>说一声{{cc}}</h2>"
            }
        }
    });
</script>
</html>

